/*
	Author: Daniel Ortega
	Template Name: image viewer
	Autor URI: niel-gatero.com
	Version: 2.0
*/
/*-------------------------------*/
.border(@color:#CCC){
	border:1px solid @color;
}
/*-------------------------------*/
body{
	img.iv-item{
		cursor:pointer;
		width:150px;
		height:100px;
		margin-left:15px;
		margin-top:15px;
	}
	>div.iv-ini{
		position:fixed;
		display:none;
		width:100%;
		top:0px;
		left:0px;
		background:url(../img/iv-bg.png);
	}
	>div#iv-bg{
		z-index:9999999;
		height:100%;
	}
	>div#iv-img{
		z-index:99999991;
		height:auto;
		width:auto;
		background:none;
		img{display:none;}
	}
	>div#iv-head{
		z-index:99999991;
		top:-50px;
		height:50px;
		>div#iv-menu{
			background:none;
			.border(#30312B);
			>div.navbar-header{
				>a.navbar-brand{
					padding:0px;
					cursor:default;
					>img#iv-img-logo{
						margin:4px 10px;
						width:100px;
						height:40px;
					}
				}
			}
			a{
				background:none;
				color:#FFF;
				font-size:20px;
				padding-top:13px;
				padding-bottom:0px;
			}
			.dropdown-menu{
				top:50px;
				background:url(../img/png/imgzoom-bg.png);
				a{
					font-size:14px;
				}
			}
		}
	}
	>div#iv-box-controls{
		z-index:99999994;
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		width:150px;
		padding-left:30px;
		font-size:30px;
		background:none;
		>a{
			color:#999;
		}
		>a:hover{
			color:#FFF;
		}
	}
	>div#iv-redes{
		z-index:99999992;
		display:none;
		position:absolute;
		top:50px;
		left:auto;
		right:0px;
		width:350px;
		height:500px;
		.border();
	}
	>div#iv-foot{
		z-index:99999991;
		top:auto;
		bottom:-50px;
		width:auto;
		max-width:600px;
		margin:20px 10px;
		background:none;
		>div#iv-info{
			z-index:10002;
			top:auto;
			bottom:80px;
			padding:0px 10px;
			color:#FFF;
			background:url(../img/png/imgzoom-bg.png);
			min-width:320px;
			width:420px;
			.border(#444);
			.item > .round();
			>h2{
				text-transform:uppercase;
				color:#53B5B3;
				text-shadow: 1px 1px 1px #666;
			}
			>p{
				color:#F1F1EF;
				text-shadow: 1px 1px 1px #111;
			}
		}
		>div#iv-images{
			margin-top:5px;
			overflow:auto;
			.border(#444);
			.item > .round();
			min-width:320px;
			max-width:520px;
			background:url(../img/png/imgzoom-bg.png);
			>img{
				border:4px solid #FFF;
				.item > .round();
				max-width:70px;
				max-height:70px;
				margin: 5px;
				float:left;
				cursor:pointer;
			}
		}
	}
}